<template>
	<div id="everyheader">
		<div id="header-lf">
			<p>{{mycenter}}</p>
			
		</div>
		<div id="header-rg">
			<span class="iconfont icon-omit"></span>
			<p></p>
			<span class="iconfont icon-iconDeleteitem"></span>
		</div>
	</div>
	
</template>

<script>
	export default{
		name: 'everyheader',
		data(){
			return {
				mycenter: '个人中心'
			}
		}
	}
</script>

<style scoped="scoped">
	#everyheader{width: 100%;height: 50px;background: white;padding: 5px 15px;position: relative;}
	#header-lf{width: 100px;height: 40px;line-height: 40px;}
	#header-lf p{font-size: 18px;font-weight: 500;}
	#header-rg{width: 100px;height: 30px;position: absolute;top: 15px;right: 5px;
	display: flex;justify-content: space-around;border: 0.7px solid #CCCCCC;padding: 5px;border-radius: 15px;}
	#header-rg span{font-size: 20px;color: #CCCCCC;}
	#header-rg p{width: 0.5px;height: 20px;background: black;}
	
</style>